<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="<?=Yii::getAlias('@static')?>/pc/common/css/reset.css">
<link rel="stylesheet" type="text/css" href="<?=Yii::getAlias('@static')?>/pc/common/css/lkt.pc.css">
<link rel="stylesheet" type="text/css" href="<?=Yii::getAlias('@static')?>/pc/liketry/css/user.css">
<title>订单列表页</title>
</head>

<body>
<!-- 顶部拉幕广告&&搜索框 Start -->
<div class="header"></div>
<!-- 顶部拉幕广告&&搜索框 End -->

<!-- 主体内容 Start -->
<div class="usermain">
	<div class="main-left">
		<h1><a href="#"><i class="icon icon-user-home"></i>个人中心</a></h1>
		<dl>
			<dt><i></i>交易中心</dt>
			<dd><a href="order.html">我的订单<i>&gt;</i></a></dd>
			<dd><a href="">订单评论<i>&gt;</i></a></dd>
			<dd><a href="">账户余额<i>&gt;</i></a></dd>
			<dd><a href="">我的试豆<i>&gt;</i></a></dd>
			<dd><a href="">我的申请<i>&gt;</i></a></dd>
			<dd><a href="">我的优惠券<i>&gt;</i></a></dd>
			<dt><i></i>个人资料</dt>
			<dd><a href="">地址管理<i>&gt;</i></a></dd>
			<dd><a href="">个性化资料<i>&gt;</i></a></dd>
			<dd><a href="">账号绑定<i>&gt;</i></a></dd>
			<dd><a href="">修改密码<i>&gt;</i></a></dd>
			<dt><i></i>互动中心</dt>
			<dd><a href="">我的任务<i>&gt;</i></a></dd>
			<dd><a href="">我的打卡<i>&gt;</i></a></dd>
			<dd><a href="">我的消息<i>&gt;</i></a></dd>
			<dd><a href="">我的客服<i>&gt;</i></a></dd>
			<dd><a href="">邀请好友<i>&gt;</i></a></dd>
			<dd><a href="">我的游戏中心<i>&gt;</i></a></dd>
		</dl>
	</div>
	<div class="main-right">
		<div class="row information">
			<div class="user-photo">
				<img src = "images/user-photo.jpg" />
				<a href="">编辑个人信息</a>
			</div>
			<div class="ratio">
				<p>您好，<em>Surya</em>。欢迎来到喜试网！</p>
				<p class="integrity">资料完整度：
					<span class="icon icon-ratio"><i></i><b class="icon icon-tips">100%</b></span>
					<a class="yanz"><i class="icon icon-phone"></i>手机已验证</a>
					<a class="unyanz"><i class="icon icon-email"></i>邮箱未验证</a>
				</p>
				<p class="level">喜试等级：
					<img src="images/level.png" />
					<span class="icon icon-level-bar">
						<i class="icon icon-level-bar-full"></i>
					</span>
					<a href="">会员等级说明&gt;&gt;</a>
				</p>
			</div>
		</div>
		<div class="row light">
			<div class="title"><i class="icon icon-light-home"></i>我的勋章</div>			
			<div class="list-wrap">
				<a class="btn prevbtn grey"><span>&lt;</span></a> 
				<div class="list">
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light-3.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light.png" /></a>
					<a href=""><img src="images/light-2.png" /></a>
					
				</div>
				<a class="btn nextbtn"><span>&gt;</span></a>
			</div>	
		</div>
		<div class="row row3">
			<div class="order">
				<div class="title"><i class="icon icon-order-home"></i>我的订单</div>
				<div class="list">
					<a><span>全部订单</span><i class="icon icon-order-icon1"></i></a>
					<a><span>待付款(<em>10</em>)</span><i class="icon icon-order-icon2"></i></a>
					<a><span>待确认(<em>10</em>)</span><i class="icon icon-order-icon3"></i></a>
					<a><span>待评论(<em>10</em>)</span><i class="icon icon-order-icon4"></i></a>
					<div class="clear"></div>
				</div>
			</div>
			<div class="posts">
				<div class="title"><i class="icon icon-order-home"></i>社区热帖<a href="">进入社区 &gt;</a></div>
				<div class="list">
					<a href="">帖子名XXX，点击跳转至论坛帖帖子名XXX，点击跳转至论坛帖帖子名XXX，点击</a>
					<a href="">帖子名XXX，点击跳转至论坛帖帖子名XXX，点击跳转至论坛帖帖子名XXX，点击</a>
					<a href="">帖子名XXX，点击跳转至论坛帖帖子名XXX，点击跳转至论坛帖帖子名XXX，点击</a>
					<a href="">帖子名XXX，点击跳转至论坛帖帖子名XXX，点击跳转至论坛帖帖子名XXX，点击</a>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="row row4">
			<div class="title"><i class="icon icon-guiji-home"></i>我的轨迹</div>
			<div class="list">
				<div>
					<i class="icon icon-guiji-1"></i>
					<p>注册时间</p>
					<p><span>2013.08.06<span></p>
				</div>
				<div>
					<i class="icon icon-guiji-2"></i>
					<p>拥有喜元</p>
					<p><span>12121212<span></p>
				</div>
				<div>
					<i class="icon icon-guiji-3"></i>
					<p>共申领了</p>
					<p><span>31</span>个免费试用</p>
				</div>
				<div>
					<i class="icon icon-guiji-4"></i>
					<p>写了<span>1</span>个心得</p>
					<p>获得过<span>0</span>次试用达人</p>
				</div>
				<div>
					<i class="icon icon-guiji-5"></i>
					<p>在喜试社区</p>
					<p>写了<span>2</span>个帖子</p>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 主体内容 End -->

<!-- 页脚 Start -->
<div class="footer"></div>
<!-- 页脚 End -->


<script src="<?=Yii::getAlias('@static')?>/pc/common/js/jquery-1.12.3.min.js"></script>
<script src="<?=Yii::getAlias('@static')?>/pc/common/js/lkt.pc.js"></script>
<script src="<?=Yii::getAlias('@static')?>/pc/liketry/js/user-index.js"></script>

</body>
</html>
